<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2022/3/30
  Time: 11:13
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <title>图书在线借阅系统|admin主页</title>
    <link rel="stylesheet" type="text/css" href="lib/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="lib/layui/css/book.css">
    <script type="text/javascript" src="lib/layui/layui.js"></script>
    <script src="lib/js/jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script>
    <style>
        body {
            background: url("lib/Images/bg-3.jpg") no-repeat;
            background-size: cover;
        }
    </style>

</head>
<body>
<div style="width: 900px; height: 500px; margin-top: 30px; margin-left: 150px; position: relative;">
    <div class="layui-container-box" style="width: 350px;background-color: #cccccc; margin-left: 0px; margin-top: 0px;">
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
            <legend >会员管理</legend>
        </fieldset>
        <div class="layui-bg-gray" style="padding: 20px;">
            <div class="layui-card-body">
<%--                会员开卡：添加会员信息 <br/>--%>
                会员列表：多条件查询、修改、删除会员信息<br/>
    <br/>
                会员充值：根据卡号给会员金额充值<br/>

            </div>
        </div>
    </div>

    <div class="layui-container-box" style="width: 350px;background-color: #cccccc; position: absolute; margin-left: 548px; margin-top: -205px;">
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
            <legend >图书管理</legend>
        </fieldset>
        <div class="layui-bg-gray" style="padding: 20px;">
            <div class="layui-card-body">
                添加图书：添加图书信息 <br/>
                <br/>
                图书列表：多条件查询、修改、删除图书信息<br/>

            </div>
        </div>
    </div>

    <div class="layui-container-box" style="width: 350px;background-color: #cccccc; position: absolute;margin-top: 90px;">
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
            <legend >图书类型管理</legend>
        </fieldset>
        <div class="layui-bg-gray" style="padding: 20px;">
            <div class="layui-card-body">
                添加类型：添加图书类型信息 <br/>
                <br/>
                类型列表：根据类型名查询、修改、删除信息<br/>

            </div>
        </div>
    </div>

    <div class="layui-container-box" style="width: 350px;  background-color: #cccccc; position: absolute;margin-top: 66px; margin-left: 548px;">
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
            <legend >借阅归还管理</legend>
        </fieldset>
        <div class="layui-bg-gray" style="padding: 20px;">
            <div class="layui-card-body">
                图书借阅：根据卡号查询会员信息,判断是否借阅、批量借阅 <br/>
                图书归还：根据卡号查询借阅信息、批量归还<br/>
                借归列表：多条件查询借阅信息<br/>

            </div>
        </div>
    </div>
</div>
</body>
</html>
<script type="text/javascript">
    layui.use('form',function () {
        var form = layui.form;
        //自定义验证规则
        form.verify({
            name:function (value) {
                if (value.length < 1){
                    return '图书名称不能为空';
                }
            },
            author:[/[\u4e00-\u9fa5]{1,20}|[a-zA-Z\.\s]{1,20}/,"作者姓名只能是中文或者英文,且不能超过20个字符"],
            stock: [/^[0-9]*$/, "请输入正确的页数"],
            price: [/(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/, "请输入正确的价格"]
        })
    })
</script>

